.airpalne_wrap {
  width: 100%;
  height: 100vh;
  // min-height: 816px;
  min-height: 100vh;
  background: url('../../../images/airplane/bg.png') no-repeat;
  background-size: 100%;
  // background-position: 0 -30px;
  padding: 0.1px;

  .adm-notice-bar.adm-notice-bar-alert {
    --background-color: rgba(#ff4545, 0.1);
    --border-color: transparent;
    --text-color: #ff4747;
    --height: 36px;
  }
  .tips {
    // position: absolute;
    margin-top: 130px;
  }

  .content {
    position: relative;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;

    .close {
      width: 30px;
      height: 30px;
      background: url('../../../images/airplane/close.png') no-repeat;
      background-size: 100%;
      position: absolute;
      z-index: 2;
      top: 10px;
      right: 15px;
    }

    .btn-group {
      width: 100%;
      position: absolute;
      top: 180px;
      left: 0;
      display: flex;
      justify-content: space-between;

      .btn {
        width: 90px;
        height: 37px;

        &.rule {
          background: url('../../../images/airplane/rule_btn.png') no-repeat;
          background-size: 100%;
        }

        &.record {
          background: url('../../../images/airplane/record_btn.png') no-repeat;
          background-size: 100%;
        }
      }
    }

    #lottie {
      height: 100vh;
      max-height: 100vh;
      margin-top: -200px;
      // position: absolute;
      // top: -100px;
      // left: 0;
      // width: 100%;
      // max-height: 100vh;
    }

    .tick_group {
      position: absolute;
      width: 100%;
      bottom: 25px;
      box-sizing: border-box;
      padding: 0 34px;

      .group {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .num {
        text-align: center;
        color: #00ebff;

        > span {
          margin-left: 6px;
          background: url('../../../images/airplane/tag_1.png') no-repeat;
          background-size: cover;
          font-size: 10px;
          display: inline-block;

          span {
            padding: 2px 4px;
            transform: scale(0.8);
            display: inline-block;
          }
        }
      }

      .tick_item {
        width: 144px;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #00ebff;
        font-size: 12px;

        .btn {
          margin: 4px 0;
          width: 100%;
          height: 62px;
          -webkit-animation-name: heart;
          animation-name: heart;
          -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
          -webkit-animation-duration: calc(var(--animate-duration) * 1.2);
          animation-duration: calc(var(--animate-duration) * 1.2);
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
          animation-iteration-count: 3;

          &.b_0 {
            background: url('../../../images/airplane/btn_1.png') no-repeat;
            background-size: cover;
          }

          &.b_1 {
            background: url('../../../images/airplane/btn_2.png') no-repeat;
            background-size: cover;
          }
        }

        .tick_info {
          display: flex;
          align-items: center;

          .icon {
            width: 18px;
            height: 18px;

            img {
              width: 100%;
            }
          }
        }
      }
    }
  }

  .buy_tick {
    .adm-modal-body {
      // background: transparent;
      // background: ;
      padding: 0;
      width: 286px;
      height: 304px;
      background: url('../../../images/airplane/buy_bg.png') no-repeat;
      background-size: 100%;
      position: relative;
    }

    .buy_info {
      text-align: center;
      color: #00ebff;
      display: flex;
      flex-direction: column;
      align-items: center;

      .name {
        font-weight: 500;
        margin-top: 24px;
      }

      .img {
        width: 104px;
        height: 104px;
        margin-top: 14px;

        img {
          width: 100%;
          height: 100%;
        }
      }

      .input_content {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 12px;

        .input {
          border-radius: 0;
          background: rgba(#00ebff, 0.4);
          width: 81px;
          height: 24px;
          margin: 0 8px;

          input {
            font-size: 14px;
            border-radius: 0;
            width: 84px;
            height: 24px;
            color: #00ebff;
            font-weight: 500;
            text-align: center;
            caret-color: #00ebff;
          }
        }

        .bt {
          width: 24px;
          height: 24px;
          line-height: 20px;
          color: #0b3c50;
          font-weight: bold;
          font-size: 22px;

          &.add {
            background: url('../../../images/airplane/input_btn.png') no-repeat;
            background-size: contain;
          }

          &.down {
            background: url('../../../images/airplane/input_btn.png') no-repeat;
            background-size: contain;
          }
        }
      }

      .money {
        margin-top: 11px;
        font-size: 14px;
        line-height: 20px;
      }
    }
  }

  .gift_modal {
    .adm-space {
      display: none;
    }

    .adm-modal-body {
      box-sizing: border-box;
      //   border: 2px solid #fff;
      background: transparent;
      padding: 6px;
      width: 272px;
      height: 369px;
      border-radius: 18px;

      background: url('../../../images/airplane/reward_bg.png') no-repeat;
      background-size: 100%;

      // position: relative;
      .adm-modal-content {
        padding: 0;
        max-height: 290px;
        border-radius: 18px;
        box-sizing: border-box;
        // background: linear-gradient(180deg, #FFB4B4 0%, #FFE2E2 117.61%);
      }

      .gift_data {
        padding: 0;
        margin: 8px;
        box-sizing: border-box;
        border-radius: 18px;
        // background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 118.66%);
      }

      .gift_box_img {
        width: 144px;
        height: 144px;
        position: absolute;
        top: -42px;
        right: -14px;
        background: url('../../../images/valentine/gif_box.png') no-repeat;
        background-size: cover;
      }

      .gift_data {
        padding: 0.1px;
        // height: 100%;
        color: #00ebff;

        .box_tit {
          font-size: 18px;
          font-weight: 500;
          line-height: normal;
          text-align: center;
        }

        .price {
          margin: 8px 0;
          // margin: 0 0 0 19px;
          //   color: #ff862e;
          text-align: center;
          font-size: 12px;
          font-weight: 400;
        }

        .gift_list {
          margin: 30px 30px 0 30px;

          // display: flex;
          // flex-wrap: wrap;
          .item {
            display: inline-flex;
            flex-direction: column;
            width: 60px;
            text-align: center;
            font-size: 12px;
            position: relative;
            margin-right: 14px;
            margin-bottom: 8px;

            &:nth-of-type(3n) {
              margin-right: 0;
            }

            .nums {
              font-size: 12px;
              color: #fff;
              background-color: #ff6d6d;
              border-radius: 6px 6px 6px 0;
              padding: 2px 4px;
              position: absolute;
              right: -6px;
            }

            img {
              width: 100%;
              // height: 100;
              font-size: 0;
              margin-bottom: 6px;
            }

            .item_price {
              opacity: 0.6;
              font-size: 12px;
              // height: 12px;
              transform: scale(0.85);
              text-align: center;
            }
          }

          &.item_1 {
            display: flex;
            align-items: center;

            .item {
              width: 121px;
              margin: 0 auto;
            }
          }

          &.item_2 {
            display: flex;
            justify-content: space-between;
            margin: 40px 34px 0 30px;

            .item {
              width: 95px;
            }
          }
        }
      }
    }

    &.long_wrap {
      .adm-modal-body {
        // height: 80vh;
        height: 400px;

        // background: url("../../../images/valentine/long_gift_bg.png") no-repeat;
        // background-size: 100%;
        // position: relative;
        .adm-modal-content {
          max-height: 400px;

          // overflow: hidden;
          .gift_data {
            // height: 303px;
            // height: 390px;
            // overflow-y: hidden;
          }
        }

        .gift_list {
          margin: 21px 8px 0 8px;
          height: 40vh;
          overflow-y: scroll;

          .item {
            min-height: 90px;
          }
        }
      }
    }

    &.special_reward {
      .adm-modal-body {
        // background: url("../../../images/valentine/special_bg.png") no-repeat;
        // background-size: cover;
        .gift_data {
          .box_tit {
            background: url('../../../images/valentine/reward_box_tit2.png') no-repeat;
            background-size: contain;
          }
        }
      }
    }
  }

  .record_modal {
    .adm-space {
      display: none;
    }

    .adm-center-popup-wrap {
      max-width: 330px;
      width: 275px;
      // height: 428px;
    }

    .adm-modal-body {
      width: auto;
      //   border: 2px #fff solid;
      //   border-radius: 20px;
      background: transparent;
      padding: 6px;
      margin: 0;
      background: url('../../../images/airplane/reward_bg.png') no-repeat;
      background-size: contain;

      .adm-modal-content {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        height: 100%;
        border-radius: 20px;
        // background: linear-gradient(180deg, #FFB4B4 0%, #FFE2E2 117.61%);
      }
    }

    .record {
      box-sizing: border-box;
      // background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 118.66%);

      // background: url('../../../images/valentine/record_bg.png') no-repeat;
      // background-size: contain;
      // border: var(--modal-border);
      // border-radius: 40px;
      // height: 380px;
      margin: 0 10px;
      // border-radius: 20px;
      padding: 10px 0 18px 0;
      position: relative;

      .tit {
        text-align: center;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        color: #00ebff;
        margin: 0px 0 10px 0;
      }

      .list {
        // height: 48vh;
        height: 300px;
        box-sizing: border-box;
        overflow-y: scroll;

        .item_data {
          margin-bottom: 12px;
        }

        .item {
          font-weight: 500;
          display: flex;
          align-items: center;
          justify-content: space-between;
          color: #fff;

          .info {
            .name {
              font-size: 14px;
              line-height: 20px;
            }
          }

          .time,
          .note {
            color: #fff;
            opacity: 0.6;
            font-size: 12px;
            transform: scale(0.86);
            margin-left: -4px;
          }

          .note {
            text-align: right;
            width: 90px;
          }
        }

        .more_note {
          margin-top: 4px;
          color: #fff;
          opacity: 0.6;
          line-height: 20px;
          padding: 12px;
          font-size: 12px;
          box-sizing: border-box;
          background: rgba(#fff, 0.2);
          border-radius: 20px 0 20px 20px;
        }
      }

      .cont {
        &.list {
          color: #fff;
          font-size: 14px;
        }

        .t {
          padding: 10px 0;
          font-size: 18px;
          text-align: center;
          color: #fff6d8;
        }

        img {
          width: 100%;
        }
      }
    }
  }
  .adm-modal-body {
    .btn_group {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: space-between;
      text-align: center;
      line-height: 48px;
      font-weight: 500;

      .cancel {
        width: 112px;
        height: 48px;
        //   border-radius: 42px;
        // border: 1px solid #FFFDFC;
        // box-shadow: 0px 4px 4px 0px rgba(245, 129, 129, 0.40);
        margin-right: 12px;
        background: url('../../../images/airplane/cancel_btn_bg.png') no-repeat;
        background-size: cover;
        color: #00ebff;
      }

      .buy {
        width: 112px;
        height: 48px;
        background: url('../../../images/airplane/bug_btn_bg.png') no-repeat;
        background-size: cover;
        color: #0b3c50;
      }
    }
  }

  .no_monay_modal {
    .adm-modal-body {
      box-sizing: border-box;
      margin: 0;
      padding: 10px 0;
      width: 286px;
      height: 144px;
      position: relative;
    }
    .no_more {
      width: 139px;
      height: 35px;
      margin: 125px auto 0;
    }
    .txt {
      color: #00ebff;
      font-size: 16px;
      font-weight: 500;
      text-align: center;
      padding-top: 22px;
    }
    &.money {
      .adm-modal-body {
        background: url('../../../images/airplane/no_modal_bg.png') no-repeat;
        background-size: 100%;
      }
      // .no_more {
      //   background: url("../../../images/valentine/no_more-txt.png") no-repeat;
      //   background-size: contain;
      // }
    }
  }
}

@keyframes heart {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* 修改滚动条的颜色 */
::-webkit-scrollbar {
  //   width: 4px; /* 设置滚动条的宽度 */
  //   height: 50px;
  //   border-radius: 4px;
  display: none;
}
